<template>
  <div class="webView">
    <top-bar :title="'在线客服'" goIndex/>
    <div class="iframe-container">
      <iframe :src="url" frameborder="0" scrolling="yes" width="100%" height="100%" class="iframe" id="iframe">
      </iframe>
    </div>
  </div>
</template>

<script>
import topBar from '../me/topBar'

export default {
  name: 'webView',
  components: {
    topBar
  },
  data () {
    return {
      url: ''
    }
  },
  created () {
    this.url = this.$route.query.url
  }
}
</script>
<style lang="scss" scoped>
.webView {
  padding: 0.75rem 0;

  /deep/ .title {
    padding: 0 0.48rem;
    margin-bottom: 0.48rem;
  }

  .scroll {
    height: 8.5rem;
    overflow: scroll;
  }

  .iframe-container {
    height: 8.5rem;
    overflow: scroll;
  }
}
</style>
